import { format } from 'date-fns';
import { useNavigate } from 'react-router-dom';
import Button from '../../../component/Button';
import { Page } from '../../../constant/Page';
import style from './Footer.module.scss';

const Footer = () => {

  const navigate = useNavigate();

  return (
    <div className={style.self}>
      <div className={style.divider} />
      <div className={style.itemBlock}>

        <div className={style.item}>
          <Button
            className={style.public}
            appearance="text"
            onClick={() => navigate(Page.TermsOfUse)}
          >
            使用者条款
          </Button>
        </div>
        <div className={style.item}>
          <Button className={style.public} appearance="text" onClick={() => navigate(Page.Privacy)}>
            隐私权政策
          </Button>
        </div>
      </div>
      <div className={style.copyRight}>Copyright {format(Date.now(), 'yyyy')} © Bitotc</div>
      {/* <MenuLanguage open={open} anchorEl={ref.current} onClose={() => setOpen(false)} /> */}
    </div>
  );
};

export default Footer;
